radar("./res/radar.json")

// 功能：读取数据
//参数：路径
//返回：null
function radar(path){
  //$ajax()获取文件
  $.ajax({
    url: path,
    dataType: 'json'
  }).then(function (radarData){
    let indicatorData =[
      { name: 'SO2', max: 0 },
      { name: 'NO2', max: 0 },
      { name: 'CO', max: 0 },
      { name: 'O3', max: 0 },
      { name: 'PM10', max: 0 },
      { name: 'PM2.5', max: 0 }
    ]

    //求每项数据最大值
    for(let i=0;i<radarData.data.length;i++){
      for(let j=0;j<indicatorData.length;j++){
        indicatorData[j].max=radarData.data[i].value[j]>indicatorData[j].max?radarData.data[i].value[j]:indicatorData[j].max;
      }
    }
    drawRadar(radarData.data, indicatorData);
  })

  //D3.csv()函数读取本地文件
  // d3.json(path,function(radarData){
  //   let indicatorData =[
  //     { name: 'SO2', max: 0 },
  //     { name: 'NO2', max: 0 },
  //     { name: 'CO', max: 0 },
  //     { name: 'O3', max: 0 },
  //     { name: 'PM10', max: 0 },
  //     { name: 'PM2.5', max: 0 }
  //     ]

  //   //求每项数据最大值
  //   for(let i=0;i<radarData.length;i++){
  //     for(let j=0;j<indicatorData.length;j++){
  //       indicatorData[j].max=radarData[i].value[j]>indicatorData[j].max?radarData[i].value[j]:indicatorData[j].max;
  //     }
  //   }

  //   drawRadar(radarData, indicatorData);
  // })
}

//功能：绘制雷达图
//参数：雷达图数据，坐标轴极值数据
//返回：null
function drawRadar(radarData, indicatorData){
  var radarDom = document.getElementById('radar');
  var radarChart = echarts.init(radarDom);
  var radarOption;
    
    radarOption = {
      title: {
        text: '站点气象污染分布情况',
        // left: "20%",
        textStyle:{
          color:'	#FFFFFF',
        }
      },
      tooltip: {
        trigger: 'item'
      },
      legend: {
        data: ['海关', '凤凰苑', '区政府', '监控中心', '聊大东校', '华润纺织', '聊城开发区', '九州社区'],
        orient: 'vertical',
        itemGap: 8,
        left: 5,
        bottom: 5,
        textStyle:{
          color:'	#FFFFFF',
        }
    },
      radar: {
        indicator: indicatorData
      },
      series: [
        {
          name: 'Budget vs spending',
          type: 'radar',
          data: radarData
        }
      ]
    };
    
    radarOption && radarChart.setOption(radarOption);
}